@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-primary {
    @apply px-4 py-2 bg-primary text-white rounded-lg hover:bg-opacity-90 transition-colors;
  }
  .btn-secondary {
    @apply px-4 py-2 bg-secondary text-white rounded-lg hover:bg-opacity-90 transition-colors;
  }
  :root {
  /* 默认蓝色主题 */
  --color-primary: #3b82f6;
  --color-secondary: #1e40af;
  --color-accent: #60a5fa;
  --color-background: #f8fafc;
  --color-sidebar: #1e293b;
  --color-header: #ffffff;
  --color-text: #1e293b;
  --color-textSecondary: #64748b;
  --color-border: #e2e8f0;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  
  --transition-theme: all 0.3s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: var(--transition-theme);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-background);
  color: var(--color-text);
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--color-background);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-secondary);
}
}